*{
        		margin:0px;
        		padding:0px;
    		}
    		html,body{
        		width:100%;
        		height:100%;
    		}
    		.clearfix:after{
        		clear:both;
        		display:table;
        		content:""
    		}
    		.fl{
       		 	float:left;
    		}
    		.product{
    		    width:50%;
        		padding:0.2rem;
        		box-sizing: border-box;
    		}
    		.product img{
        		width:100%;
        		opacity:0.1;
        		transition:all 1s;
    		}

    		#loading{
        		box-shadow:3px 3px 3px 10px white;
        		background:white;
        		border-radius:5px;
        		text-align:center;
        		line-height:2rem;
    		}
    		#d1{
        		position:fixed;
        		z-index:9999;
        		width:100%;
        		height:100%;
        		background:transparent;
        		display:none;
       		 	align-items: center;
        		justify-content: center;
    		}
    		#productList{
        		display: none;
        	}
			.top {
				width: 100%;
				height: 1.2rem;
			}
			.top img{
				width: 100%;
				margin: 0 auto;
				margin-top: .08rem;
			}
			.bot{
				position: fixed;
				left: 0;
				bottom: 0;
				background-color: #CCCCCC;
				height: 0px;
				width: 100%;
			}
			.cnt .icon div{
				width: 100%;
				margin: 0 auto;
			}
			.cnt .icon .yi{
				display: flex;
			}
			
			.cnt .icon .yi div{
				display: inline-block;
				text-align: center;
			}
			.cnt .icon .yi div p {
				text-align: center;
				display: inline-block;
			}
			.cnt .icon .yi div p img{
				width: 50%;
			}